<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/mine.css">
  <link rel="shortcut icon" href="../favicon.ico" />
  <script src="../js/rem.js"></script>
  <title>我的</title>
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="./setUp.html" class="iconfont icon-shezhi"></a>
    <div class="img">
      <img src="../image/mine2.png" alt="">
    </div>
    <h5>四月物语</h5>
    <p>设置个人信息 <span> &gt;</span></p>
  </header>
  <!-- 主体 -->
  <main>
    <div class="mode">
      <div class="cont">
        <span class="iconfont icon-yueliang"></span>
        <span>夜间模式</span>
      </div>
      <div class="cont">
        <span class="iconfont icon-comiiswenzimoshi"></span>
        <span>文字模式</span>
      </div>
      <div class="cont">
        <span class="iconfont icon-Vector"></span>
        <span>离线阅读</span>
      </div>
    </div>
    <ul class="about">
      <li>
        <h5>我的消息</h5>
        <span class="iconfont icon-bottom"></span>
      </li>
      <li>
        <h5>我的关注</h5>
        <span class="iconfont icon-bottom"></span>
      </li>
      <li>
        <h5>我的收藏</h5>
        <span class="iconfont icon-bottom"></span>
      </li>
      <li>
        <h5>我的评论</h5>
        <span class="iconfont icon-bottom"></span>
      </li>
      <li>
        <h5>投诉反馈</h5>
        <span class="iconfont icon-bottom"></span>
      </li>
      <li>
        <h5>游戏<span class="game"></span></h5>
        <span class="iconfont icon-bottom"></span>
      </li>

    </ul>
  </main>
  <!-- 尾部 -->
  <footer>
    <a href="../index.html">
      <span class="iconfont icon-xinwen"></span>
      <span>新闻</span>
    </a>
    <a href="./recom.html">
      <span class="iconfont icon-tuijian"></span>
      <span>推荐</span>
    </a>
    <a href="./broadcast.html">
      <span class="iconfont icon-zhibo"></span>
      <span>直播</span>
    </a>
    <a href="./mine.html">
      <span class="iconfont icon-wodedangxuan1-copy active"></span>
      <span class="active">我的</span>
    </a>
  </footer>
</body>

</html>